              
                <style type="text/css">
                    *{margin: 0; padding: 0;}
                    #wrap{
                        width: 800px; 
                        margin: 40px auto;
                    }
                    p{
                        text-align: justify;
                    }
                    #top{
                        width: 50px;
                        height: 50px;
                        position: fixed; 
                        bottom: 10px; 
                        right: 20px;
                        cursor: pointer;
                        background: url(images/up-icon.png) no-repeat;
                        
                    }
                </style>
               <script type="text/javascript">
                $(document).ready(function(){
                    $('#wrap').append('<div id=top></div>');
                    $(window).scroll(function(){
                        if($(window).scrollTop()!=0){
                        $('#top').fadeIn();
                        }
                        else{
                            $('#top').fadeOut();
                        } 
                    });
                    $('#top').click(function(){
                       $('html, body').animate({scrollTop: 0}, 3000); 
                        
                    });
                    
                });
                </script>
              <div id="top"></div>
              <div id="footer">
                   <p>
                        <MARQUEE>
                          &copy;Coppyright Nguyen Thi Viet 5/2013
                        </MARQUEE>
                   </p>
                </div><!--end #footer-->
      </div><!--end #wrapper-->
</body>
</html>